<template>
  <el-tooltip placement="top"
    :content="JSON.stringify(dataNode)">
    <div>{{dataNode.url || dataNode.id}}</div>
  </el-tooltip>
</template>

<script>
export default {
  props: ['id'],

  data() {
    return {
      dataNode: {}
    };
  },

  mounted() {
    var _this = this;

    sdk.DataNodeApi().findById({
        id : _this.id
    }).then(resp => {
      _this.dataNode = resp;
    });
  }
}
</script>